<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <ul>
        <li>1</li>
        <li>2</li>
        <li>3</li>
        <li>4</li>
    </ul>
    <script>
        /* 数组的扩展运算符 */
        // const arr = [1,2,3,4,5,6]
        // console.log(arr);
        // console.log("------------");
        // console.log(...arr);
        // console.log("++++++++++++++");
        // console.log([...arr]);

        // const lis = document.querySelectorAll("ul li")
        // console.log(lis);
        // console.log("---------------");
        // console.log(...lis);
        // console.log("+++++++++++++++");
        // console.log([...lis]);


        /* 对象的扩展运算符 */
        // const obj = {
        //     name1:"张三",
        //     age:18,
        //     address:{
        //         info1:"深圳",
        //         info2:"长沙"
        //     }
        // }
        // const obj1 = {
        //     n1:"王八",
        //     age1:18
        // }
        // //一般用于合并对象,或者是合并数组
        // console.log({...obj,...obj1});


        // 合并数组
        const arr = [1,2,3]
        const arr1 = [4,5,6]
        console.log([...arr,...arr1]);
    </script>
</body>
</html>